/**
 * UCSC Xena Client
 * http://xena.ucsc.edu
 *
 * Rules necessary for styling Xena Sheet Control.
 *
 */

/* Animation zoom controls */
.zoomAnimation {
	animation-duration: 1s;
	animation-name: zoomAnimation;
}

/* Animation zoom controls */
@keyframes zoomAnimation {
	0% {opacity: 0;}
	25% {opacity: 0}
	100% {opacity: 1;}
}

/* Status indicator */
.status {
	align-items: center;
	border-radius: 2px;
	cursor: default;
	display: flex;
	height: 20px;
	margin: 2px 0;
	padding: 0 6px;
}

/* Label and state font */
.status .label, .status .state {
	letter-spacing: 0.4px;
	line-height: 20px;
}

/* Label */
.label {
	text-transform: uppercase;
}

/* State */
.state {
	margin-left: 4px;
}
